<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 用户会在他们输入数据时看到域定义选项的下拉列表-->
    <input type="text" list="wen" />
    <datalist id="wen">
      <option value="A">A</option>
      <option value="B">B</option>
      <option value="C">C</option>
      <option value="D">D</option>
      <option value="E">E</option>
      <option value="F">F</option>
      <option value="G">G</option>
    </datalist>
    <!-- 进度条，展示连接/下载进度-->
    <progress value="5" max="20"></progress>
    <!-- 刻度值，用于某些计量，例如温度、重量等 -->
    <meter value="50" min="0" max="100"></meter>
  </body>
</html>
